{extend name="common@base/common" /}

{block name="style"}
<link href="__CSS__/main.min.css" rel="stylesheet" type="text/css"/>
{/block}

{block name="body"}
<div class="container">
  <ol class="breadcrumb">
      <li><a href="{:url('index/index')}">演示首页</a></li>
      <li>模态对话框</li>
  </ol>
<section class="demo-section">
<div id="pageContent">





<script src="dist/lib/bootbox/bootbox.min.js"></script><article><p>Bootbox用来替代系统内置对话框，并于<a href="#javascript/modal">对话框</a>保持一致的外观。</p><p>Bootbox 独立组件，你需要从本地或 CDN 单独引入 lib 目录下的资源：</p><pre class="prettyprint prettyprinted" style=""><code class="lang-html"><span class="tag">&lt;link</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">"lib/bootbox/bootbox.min.css"</span><span class="pln"> </span><span class="atn">rel</span><span class="pun">=</span><span class="atv">"stylesheet"</span><span class="tag">&gt;</span><span class="pln">
</span><span class="tag">&lt;script</span><span class="pln"> </span><span class="atn">src</span><span class="pun">=</span><span class="atv">"lib/bootbox/bootbox.min.js"</span><span class="tag">&gt;&lt;/script&gt;</span></code></pre><p>具体用法请参考<a href="http://bootboxjs.com/#">官方网站</a>。</p><p><link href="dist/lib/bootbox/bootbox.min.css" rel="stylesheet"></p></article></div>
</section>
{/block}